// 获取传过来的 access_token
var access_token = getQueryString("access_token");
console.log(access_token);
// 做判断，如果未登录就到这个页面就跳转首页
// 检查是否有access_token
// 没有则跳回首页进行登录
if (!access_token) {
	alert("请登录!");
	location.href = "./index.html";
	// return
}
// 取消点击事件
var btn_cancel = $(".alert_btn1");
btn_cancel.click(function(){
	$(".alert_wrapper").hide();
	isclick = true;
})
// 给预约场次添加事件(使用事件委托)
var book_detail = $(".book_detail");
var isclick = true;
book_detail.on("click", ".book_date", function(event) {
	// console.log($(event.target).text().trim())
	// trim方法用于去除前后的空格
	var text = $(event.target).text().trim();
	if (text === "-") {
		// console.log("-");
		return
	}
	if (!isclick) {
		return
	}
	isclick = false;
	// console.log($(event.target).parent().attr("index"))
	var day_time = $(".select").attr("data-day_time");
	var index = $(event.target).parent().attr("data-index");
	var t = $(".book_data").eq(index).find("p").text();
	var show_id = $(event.target).parent().attr("data-show_id")

	// 增加弹窗元素提示
	var alert_wrapper = $(".alert_wrapper"); //获取弹窗的div 
	var isbook = "是否预约" + day_time + "场次" + t; //获取用于选中场次的相关信息拼接
	alert_wrapper.find(".alert_item").text(isbook); //把拼接好的扔进那个弹窗div里
	alert_wrapper.css("display", "flex"); //进行显示开关
	// 确认按钮
	var btn_confirm = $(".alert_btn2");
	// 只能点击一次事件
	btn_confirm.one("click", function() {
		// 确认预约这一天
		$.ajax({
			method: "post",
			url: api.bookday,
			timeout: 3000, //设置请求超时的时间(毫秒)
			data: {
				access_token: access_token,
				day_time: day_time,
				show_id: show_id
			},
			success: function(res) {
				// console.log(res);
				var result = res.res;
				// 重复预约,提醒用户预约其他天
				if (result == 0) {
					btn_confirm.hide();
					btn_cancel.hide();
					alert_wrapper.find(".alert_item").text(res.msg);
					// 提示信息显示2秒
					setTimeout(function(){
						alert_wrapper.hide();
						btn_confirm.show();
						btn_cancel.show();
						isclick = true;
					},2000)
				}
				if (result == 1) {
					var show_id = res.data.show_id;
					var day_time = res.data.day_time;
					var uname = res.data.uname;
					location.href =
`./book.html?show_id=${show_id}&day_time=${day_time}&uname=${escape(uname)}&access_token=${access_token}`
				}
			},
			error: function() {
				// 用于一些异常的处理,例如请求超时,断网
				alert("错误请求不到!");
			}
		})
	})

	// var show_id = $(event.target).parent().attr("data-show_id")
	// console.log(isbook);有值
})



// 给下拉框绑定事件
var select = $(".select");
select.on("change", function(event) {
	// console.log(event);
	// 怎么知道用户选哪一个
	var sel_value = event.target.value;
	if (sel_value) {
		var day_time = $(event.target)
			.find("option")
			.eq(sel_value)
			.text();
		$(event.target).attr("data-day_time", day_time)
		$.ajax({
			method: "post",
			url: api.chooseday,
			timeout: 3000, //设置请求超时的时间(毫秒)
			data: {
				access_token: access_token,
				day_time: day_time
			},
			success: function(res) {
				// console.log(res);
				var dayInfo = res.data.dayInfo;
				var book_date = $(".book_date");
				// 先重置文本,保证每一次都是最新的
				book_date
					.removeAttr("data-index data-show_id")
					.find("p")
					.text("-")
					.siblings(".book_status")
					.text("-")

				dayInfo.forEach(function(el, i) {
					// number是怕对比的是字符串，所以转为数字做对比
					var canbook = Number(el.balance) < Number(el.day_max);
					var book_text = canbook ? "可预约" : "已约满";
					book_date
						.eq(i)
						.attr("data-index", i)
						.attr("data-show_id", el.show_id)
						.find("p")
						.text(el.show_name)
						.siblings(".book_status")
						.text(book_text)
				})
			},
			error: function() {
				// 用于一些异常的处理,例如请求超时,断网
				alert("错误请求不到!");
			}
		})
	} else {
		alert("请选择具体日期");
	}
})

// 获取预约列表
$.ajax({
	method: "post",
	url: api.chooselist,
	timeout: 3000, //设置请求超时的时间(毫秒)
	data: {
		access_token: access_token
	},
	success: function(res) {
		var list = res.data.list;
		// console.log(list);
		var select = $(".select");
		var str = "";
		list.forEach(function(el, index) {
			str += `<option value=${index+1}>${el.day_time}</option>`
		})
		select.append(str);
	},
	error: function() {
		// 用于一些异常的处理,例如请求超时,断网
		console.log("错误请求不到!");
	}
})
